$(function() {
	var DeptGrid = $("#DeptGrid");
	var deptGridAction = $("#deptGridAction");
	// 初始化
	DeptGrid.datagrid({
		url : 'dept/list',
		fit : true,
		border : false,
		rownumbers : true,
		pagination : true, // 是否显示分页栏
		fitColumns : true,// 自适应大小
		columns : [ [
				{
					field : 'deptName',
					title : '部门名称',
					align : 'center',
					width : 100
				},
				{
					field : 'count',
					title : '部门总人数',
					align : 'center',
					width : 100
				},
				{
					field : 'createTime',
					title : '部门创建时间',
					sortable : true,
					align : 'center',
					width : 120,
				/*
				 * formatter : function(value) { var date1 = new Date(value);
				 * var y1 = date1.getFullYear(); var m1 = date1.getMonth() + 1;
				 * var d1 = date1.getDate(); return y1 + '-' + m1 + '-' + d1; }
				 */

				},
				{
					field : 'miaoshu',
					title : '部门描述',
					align : 'center',
					width : 100
				},
				{
					field : 'ac',
					title : '操作',
					align : 'center',
					width : 150,
					formatter : function(value, row, index) {
						var bts = [];
						bts.push('<a data-index="' + index
								+ '" class="ctr edit">编辑</a>');
						bts.push('<a data-id="' + row.deptId + '"data-index="'
								+ index + '" class="ctr delete">删除</a>');

						return  deptGridAction.children("a.ctr").attr('data-id',
								row.deptId).attr('data-index', index)
								.end().html();
					}
				} ] ],
		toolbar : "#deptGridToolbar"
	});

	var deptName = $("#deptName");

	// 检索按钮事件
	$("#deptSearch").on('click', function() {
		DeptGrid.datagrid("load", {
			deptName : '%' + deptName.val() + '%'
		});
	});

	var form = $("#deptSearchForm");

	$("#userReset").on('click', function() {
		form.form('clear');
		// 清除查询参数
		DeptGrid.datagrid("load", {});
	});

	var gridPanel = DeptGrid.datagrid("getPanel");
	gridPanel.on("click", "a.edit", function() {
		var index = this.dataset.index;
		// 如果只有下标，没有id的情况，要获取id
		var rows = DeptGrid.datagrid("getRows");
		// 同下标获取对应行的数据对象
		var id = rows[index].deptId;
		deptForm(id);
	}).on("click", "a.delete", function() {
		var index = this.dataset.index;
		var id = this.dataset.id;
		$.messager.confirm("提示", "您确定要删除此数据？", function(r) {
			if (r) {
				$.get("dept/delete/" + id, function(rs) {
					if (rs.success) {
						DeptGrid.datagrid("reload");
					} else {
						$.message.alert("提示", rs.message);
					}
				});
			}
		});
	}).on("click", "a.create", function() {
		deptForm();
	})

	/**
	 * 添加
	 */
	function deptForm(id) {
		// 创建窗口
		var dialog = $("<div/>").dialog({
			href : 'dept/xt-add-dept' + (id ? ("/" + id) : ""),
			title : "部门信息",
			height : 350,
			width : 400,
			modal : true,
			onClose : function() {
				// 窗口关闭的时候销毁此窗口
				$(this).dialog("destroy");
			},
			buttons : [ {
				iconCls : 'icon-save',
				text : '保存',
				handler : function() {
					// 获取到表单对象
					var deptForm = $("#deptForm");
					// 校验表单
					if (deptForm.form('validate')) {
						// serialize方法获取到表单的所有数据
						$.post("dept/save", deptForm.serialize(), function(rs) {
							if (rs.success) {
								DeptGrid.datagrid("reload");
								dialog.dialog("close");
							} else {
								$.messager.alert("提示", rs.message);
							}
						});
					}
				}

			} ]
		});
	}
});
